<template>
  <view class="category">
    <navigator
      class="category-item"
      hover-class="none"
      url="/pages/index/index"
      v-for="item in list"
      :key="item.itemSaleClassId"
    >
      <image class="icon" :src="item.classIcon"></image>
      <text class="text">{{ item.itemSaleClassName }}</text>
    </navigator>
  </view>
</template>

<script setup lang="ts">
import { defineProps } from 'vue'
import type { ItemSaleClass } from '@/types/itemSaleClass'

defineProps<{
  list: ItemSaleClass[]
}>()
</script>

<style lang="scss">
@import '../styles/category.scss';
</style>
